<template>
  <div class="flex mt-4 text-neutral-400">
    <div class="premium mr-4 flex items-center" :key="item.id" v-for="item in premiums">
      <check-circle-outlined />
      <span class="ml-1">{{ item.premiumName }}</span>
    </div>
  </div>
</template>

<script lang="ts" setup>
import type { Premium } from '@/core/interfaces/premium'
import { CheckCircleOutlined } from '@ant-design/icons-vue'

interface Props {
  premiums: Premium[]
}

withDefaults(defineProps<Props>(), {
  premiums: () => []
})
</script>

<script lang="ts">
export default {
  name: 'BwPremium'
}
</script>

<style scoped lang="scss"></style>
